<template>
    <div class="con">
        <div>
            <el-card class="box-card">
                <el-breadcrumb separator=" ">
                    <el-breadcrumb-item @click="searchType(i)" v-for="i in type"><a>{{ i }}</a></el-breadcrumb-item>
                    <el-breadcrumb-item></el-breadcrumb-item>
                </el-breadcrumb>
                <el-divider />
                <searchType></searchType>
            </el-card>
        </div>
        <div style="margin-top: 30px;">
            <SearchCont></SearchCont>
        </div>
    </div>
</template>
<script>
import searchType from "../components/searchType.vue"
import SearchCont from "../components/searchCont.vue";
export default{
    data() {
        return {
            type: ["文章", "笔记", "专栏"],
        };
    },
    components: { SearchCont }
}
</script>

<style>
.con{
  width: 1120px;
 margin:0 auto ;
}
</style>